/*
 * @FileDescription: vue项目配置文件
 * @Author: zsf
 * @Date: 2021-03-26 07:40:46
 * @LastEditors: zsf
 * @LastEditTime: 2021-04-30 08:00:34
 */
const path = require('path');
function resolve(dir) {
  return path.join(__dirname, dir)
}
module.exports = {
  // 选项...
  publicPath: process.env.NODE_ENV === 'production' ? '/' : '/',
  devServer: {
    port: 8080,
    proxy: {
      '/api': {
        target: process.env.VUE_APP_API_BASE_URL,
        ws: false,
        changeOrigin: true,
        pathRewrite: {
          '^/api': '' // 需要rewrite的,
        }
      }
    }
  },
  chainWebpack: (config) => {
    //修改文件引入自定义路径
    config.resolve.alias
      .set('@', resolve('src'))
      .set('api', resolve('src/api'))
      .set('common', resolve('src/common'))
      .set('utils', resolve('src/utils'))
      .set('views', resolve('src/views'))
      .set('components', resolve('src/components'))
      .set('assets', resolve('src/assets'))
      .set('mixins', resolve('src/mixins'));
    config
      .plugin('html')
      .tap(args => {
        args[0].title = '代理商平台'
        return args
      });
  },
  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          // less 全局变量
          'primary-color': '#53A58A', // 全局主色
          'layout-color': '#53A58A',
          'border-radius-base': '4px', // 组件/浮层圆角
          'link-color': '#53A58A', // 链接色
          'success-color': '#17BE81', // 成功色
          'warning-color': '#F4B333', // 警告色
          'error-color': '#FD5E5A', // 错误色
          'font-size-base': '14px', // 主字号
          'heading-color': 'rgba(0, 0, 0, 0.85)', // 标题色
          'text-color': 'rgba(0, 0, 0, 0.65)', // 主文本色
          'text-color-secondary': 'rgba(0, 0, 0, 0.45)', // 次文本色
          'disabled-color': 'rgba(0, 0, 0, 0.25)', // 失效色
          'border-color-base': '#D4D4D4', // 边框色
          'box-shadow-base': '0 2px 8px rgba(0, 0, 0, 0.15)', // 浮层阴影
        },
        // DO NOT REMOVE THIS LINE
        javascriptEnabled: true
      }
    }
  }
}